<template>
	<view class="">
		<view class="header flex-column align-center justify-center">
			<u-avatar :src="src" size="60"></u-avatar>
			<view class="mt-30 name">代理分销</view>
		</view>
		<view class="content">
			<view class="card flex-row justify-between p-30">
				<navigator url="/pages/home/apply" class="flex-sub flex-column align-center justify-center">
					<image src="/static/img/apply.png" style="width: 50rpx;" mode="widthFix"></image>
					<view class="mt-10">
						申请渠道
					</view>
				</navigator>
				<navigator url="/pages/home/poster" class="flex-sub flex-column align-center justify-center">
					<image src="/static/img/share.png" style="width: 50rpx;" mode="widthFix"></image>
					<view class="mt-10">
						我的海报
					</view>
				</navigator>
				<view class="flex-sub flex-column align-center justify-center">
					<image src="/static/img/fs.png" style="width: 50rpx;" mode="widthFix"></image>
					<view class="mt-10">
						佣金信息
					</view>
				</view>
				<view class="flex-sub flex-column align-center justify-center">
					<image src="/static/img/about.png" style="width: 50rpx;" mode="widthFix"></image>
					<view class="mt-10">
						关于我们
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
</script>

<style>
	.header {
		background: url('../../static/img/mine_bg.png') no-repeat;
		background-size: 100% 100%;
		height: 400rpx;
	}
	.name {
		color: #fff;
	}
	.content {
		margin: 30rpx;
	}
</style>